<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <title>申购单历史记录</title>
    <link rel="stylesheet" href="../css/style.css"/>
    <link rel="stylesheet" href="../css/font-awesome.min.css"/>
</head>
<body>
<div class="container">
    <div class="header">
        <a href="#"><i class="icon-angle-left icon-large"></i></a>申购单历史记录
    </div>
    <div class="main">
        <div class="tab-head">
            <span class="item active" data-href="#dsh">待审核(2)</span>
            <span class="item" data-href="#ysh">已审核(2)</span>
            <span class="item" data-href="#yxd">已下单(2)</span>
        </div>
        <div class="tab-panel active" id="dsh">
            <section class="iscroll-wrap" id="wrapper-dsh" style="top:3.5rem;">
                <div>
                    <div class="pullDown">
                        <span class="pullDownLabel">下拉刷新</span>
                    </div>
                    <div class="recordlist">
                        <a href="bianjishenggoudan.html" class="sgls-item mt1">
                            <p>
                                <span class="title">申购单号：</span><span>申购-2016101300001</span>
                            </p>

                            <p>
                                <span class="title pull-left">申购部门：</span><span class="span3">酒水饮料</span>
                                <span class="pull-right"><i class="title">制单人：</i><i
                                        class="text-nowrap">张三</i></span>
                            </p>

                            <p>
                                <span class="title">申购时间：</span><span>2016.7.22 16:00</span>
                            </p>
                            <h4 class="block">
                                <span class="btn-chexiao" style="border-right:solid 1px #e6eaef"><img
                                        src="../css/img/icon-chexiao.png" alt="" width="16"
                                        style="vertical-align: middle"/>&nbsp;撤消</span><span class="btn-shenhe"><img
                                    src="../css/img/icon-shenhe.png" alt="" width="14" style="vertical-align: middle"/>&nbsp;审核</span>
                            </h4>
                        </a>
                        <a href="bianjishenggoudan.html" class="sgls-item mt1">
                            <p>
                                <span class="title">申购单号：</span><span>申购-2016101300001</span>
                            </p>

                            <p>
                                <span class="title pull-left">申购部门：</span><span class="span3">酒水饮料</span>
                                <span class="pull-right"><i class="title">制单人：</i><i
                                        class="text-nowrap">张三</i></span>
                            </p>

                            <p>
                                <span class="title">申购时间：</span><span>2016.7.22 16:00</span>
                            </p>
                            <h4 class="block">
                                <span class="btn-chexiao" style="border-right:solid 1px #e6eaef"><img
                                        src="../css/img/icon-chexiao.png" alt="" width="16"
                                        style="vertical-align: middle"/>&nbsp;撤消</span><span class="btn-shenhe"><img
                                    src="../css/img/icon-shenhe.png" alt="" width="14" style="vertical-align: middle"/>&nbsp;审核</span>
                            </h4>
                        </a>
                        <a href="bianjishenggoudan.html" class="sgls-item mt1">
                            <p>
                                <span class="title">申购单号：</span><span>申购-2016101300001</span>
                            </p>

                            <p>
                                <span class="title pull-left">申购部门：</span><span class="span3">酒水饮料</span>
                                <span class="pull-right"><i class="title">制单人：</i><i
                                        class="text-nowrap">张三</i></span>
                            </p>

                            <p>
                                <span class="title">申购时间：</span><span>2016.7.22 16:00</span>
                            </p>
                            <h4 class="block">
                                <span class="btn-chexiao" style="border-right:solid 1px #e6eaef"><img
                                        src="../css/img/icon-chexiao.png" alt="" width="16"
                                        style="vertical-align: middle"/>&nbsp;撤消</span><span class="btn-shenhe"><img
                                    src="../css/img/icon-shenhe.png" alt="" width="14" style="vertical-align: middle"/>&nbsp;审核</span>
                            </h4>
                        </a>
                        <a href="bianjishenggoudan.html" class="sgls-item mt1">
                            <p>
                                <span class="title">申购单号：</span><span>申购-2016101300001</span>
                            </p>

                            <p>
                                <span class="title pull-left">申购部门：</span><span class="span3">酒水饮料</span>
                                <span class="pull-right"><i class="title">制单人：</i><i
                                        class="text-nowrap">张三</i></span>
                            </p>

                            <p>
                                <span class="title">申购时间：</span><span>2016.7.22 16:00</span>
                            </p>
                            <h4 class="block">
                                <span class="btn-chexiao" style="border-right:solid 1px #e6eaef"><img
                                        src="../css/img/icon-chexiao.png" alt="" width="16"
                                        style="vertical-align: middle"/>&nbsp;撤消</span><span class="btn-shenhe"><img
                                    src="../css/img/icon-shenhe.png" alt="" width="14" style="vertical-align: middle"/>&nbsp;审核</span>
                            </h4>
                        </a>
                        <a href="bianjishenggoudan.html" class="sgls-item mt1">
                            <p>
                                <span class="title">申购单号：</span><span>申购-2016101300001</span>
                            </p>

                            <p>
                                <span class="title pull-left">申购部门：</span><span class="span3">酒水饮料</span>
                                <span class="pull-right"><i class="title">制单人：</i><i
                                        class="text-nowrap">张三</i></span>
                            </p>

                            <p>
                                <span class="title">申购时间：</span><span>2016.7.22 16:00</span>
                            </p>
                            <h4 class="block">
                                <span class="btn-chexiao" style="border-right:solid 1px #e6eaef"><img
                                        src="../css/img/icon-chexiao.png" alt="" width="16"
                                        style="vertical-align: middle"/>&nbsp;撤消</span><span class="btn-shenhe"><img
                                    src="../css/img/icon-shenhe.png" alt="" width="14" style="vertical-align: middle"/>&nbsp;审核</span>
                            </h4>
                        </a>
                        <a href="bianjishenggoudan.html" class="sgls-item mt1">
                            <p>
                                <span class="title">申购单号：</span><span>申购-2016101300001</span>
                            </p>

                            <p>
                                <span class="title pull-left">申购部门：</span><span class="span3">酒水饮料</span>
                                <span class="pull-right"><i class="title">制单人：</i><i
                                        class="text-nowrap">张三</i></span>
                            </p>

                            <p>
                                <span class="title">申购时间：</span><span>2016.7.22 16:00</span>
                            </p>
                            <h4 class="block">
                                <span class="btn-chexiao" style="border-right:solid 1px #e6eaef"><img
                                        src="../css/img/icon-chexiao.png" alt="" width="16"
                                        style="vertical-align: middle"/>&nbsp;撤消</span><span class="btn-shenhe"><img
                                    src="../css/img/icon-shenhe.png" alt="" width="14" style="vertical-align: middle"/>&nbsp;审核</span>
                            </h4>
                        </a>
                        <a href="bianjishenggoudan.html" class="sgls-item mt1">
                            <p>
                                <span class="title">申购单号：</span><span>申购-2016101300001</span>
                            </p>

                            <p>
                                <span class="title pull-left">申购部门：</span><span class="span3">酒水饮料</span>
                                <span class="pull-right"><i class="title">制单人：</i><i
                                        class="text-nowrap">张三</i></span>
                            </p>

                            <p>
                                <span class="title">申购时间：</span><span>2016.7.22 16:00</span>
                            </p>
                            <h4 class="block">
                                <span class="btn-chexiao" style="border-right:solid 1px #e6eaef"><img
                                        src="../css/img/icon-chexiao.png" alt="" width="16"
                                        style="vertical-align: middle"/>&nbsp;撤消</span><span class="btn-shenhe"><img
                                    src="../css/img/icon-shenhe.png" alt="" width="14" style="vertical-align: middle"/>&nbsp;审核</span>
                            </h4>
                        </a>
                        <a href="bianjishenggoudan.html" class="sgls-item mt1">
                            <p>
                                <span class="title">申购单号：</span><span>申购-2016101300001</span>
                            </p>

                            <p>
                                <span class="title pull-left">申购部门：</span><span class="span3">酒水饮料</span>
                                <span class="pull-right"><i class="title">制单人：</i><i
                                        class="text-nowrap">张三</i></span>
                            </p>

                            <p>
                                <span class="title">申购时间：</span><span>2016.7.22 16:00</span>
                            </p>
                            <h4 class="block">
                                <span class="btn-chexiao" style="border-right:solid 1px #e6eaef"><img
                                        src="../css/img/icon-chexiao.png" alt="" width="16"
                                        style="vertical-align: middle"/>&nbsp;撤消</span><span class="btn-shenhe"><img
                                    src="../css/img/icon-shenhe.png" alt="" width="14" style="vertical-align: middle"/>&nbsp;审核</span>
                            </h4>
                        </a>
                    </div>
                    <div class="pullUp">
                        <span class="pullUpLabel">上拉加载更多</span>
                    </div>
                </div>
            </section>
        </div>
        <div class="tab-panel" id="ysh">
            <section class="iscroll-wrap" id="wrapper-ysh" style="top:3.5rem">
                <div>
                    <div class="pullDown">
                        <span class="pullDownLabel">下拉刷新</span>
                    </div>
                    <div class="recordlist">
                        <a href="shengoudanxq.html" class="sgls-item mt1">
                            <p>
                                <span class="title">申购单号：</span><span>申购-2016101300001</span>
                            </p>

                            <p>
                                <span class="title pull-left">申购部门：</span><span class="span3">酒水饮料</span>
                                <span class="pull-right"><i class="title">制单人：</i><i
                                        class="text-nowrap">张三</i></span>
                            </p>

                            <p>
                                <span class="title">申购时间：</span><span>2016.7.22 16:00</span>
                            </p>
                            <h4 class="block">
                                <span class="btn-fanshenhe"><img src="../css/img/icon-fanshenhe.png" alt="" width="15"
                                                                 style="vertical-align: middle"/>&nbsp;反审核</span>
                            </h4>
                        </a>
                    </div>
                    <div class="pullUp">
                        <span class="pullUpLabel">上拉加载更多</span>
                    </div>
                </div>
            </section>
        </div>
        <div class="tab-panel" id="yxd">
            <section class="iscroll-wrap" id="wrapper-yxd" style="top:3.5rem">
                <div>
                    <div class="pullDown">
                        <span class="pullDownLabel">下拉刷新</span>
                    </div>
                    <div class="recordlist">
                        <a href="shengoudanxq.html" class="sgls-item mt1">
                            <p>
                                <span class="title">申购单号：</span><span>申购-2016101300001</span>
                            </p>

                            <p>
                                <span class="title pull-left">申购部门：</span><span class="span3">酒水饮料</span>
                                <span class="pull-right"><i class="title">制单人：</i><i
                                        class="text-nowrap">张三</i></span>
                            </p>

                            <p>
                                <span class="title">申购时间：</span><span>2016.7.22 16:00</span>
                            </p>

                            <p>
                                <span class="title pull-left">下单时间：</span><span class="span3 text-nowrap">2016.7.22 16:00</span>
                                <span class="pull-right"><i class="title">下单人：</i><i
                                        class="text-nowrap">张三</i></span>
                            </p>
                        </a>
                    </div>
                    <div class="pullUp">
                        <span class="pullUpLabel">上拉加载更多</span>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<script src="../js/zepto.min.js"></script>
<script src="../js/tabpanel.js"></script>
<script src="../js/msgBox.js"></script>
<script src="../js/iscroll.js"></script>
<script src="iscroll-shenhe.js"></script>
<script>
    $('.tab-head').tabs({});

    $(document).on('click', '.btn-chexiao', function () {
        $.msgbox({
            msgContent: '确认撤销该申购单？',
            cancel: function () {
            },
            submit: function () {
            },
            close: false
        });
        return false;
    });
    $(document).on('click', '.btn-shenhe', function () {
        $.msgbox({
            msgContent: '确认审核该申购单？',
            cancel: function () {
            },
            submit: function () {
            },
            close: false
        });
        return false;
    });
    $(document).on('click', '.btn-fanshenhe', function () {
        $.msgbox({
            msgContent: '确认反审核该申购单？',
            cancel: function () {
            },
            submit: function () {
            },
            close: false
        });
        return false;
    });
    $('.tab-head .item').on('click', function () {
        scrollDiv = $($(this).attr('data-href')).children().attr("id");
        changePull(scrollDiv);
    });
</script>
</body>
</html>